<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/cufon-replace.js" type="text/javascript"></script>
		<script src="js/Mate_400.font.js" type="text/javascript"></script>
		<script src="js/FF-cash.js" type="text/javascript"></script>
		<script src="js/tms-0.3.js" type="text/javascript"></script>
		<script src="js/tms_presets.js" type="text/javascript"></script>
		<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
		<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
			</a>
		</div>
		<![endif]-->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<![endif]-->
	</head>
	<body id="page1">
		<div class="extra">
			<div class="main">
<!--==============================header=================================-->
				<header>
					<div class="wrapper p4">
						<h1><a href="index.html">Software</a></h1>
						<ul class="list-services">
							<li><a href="#">Site Map</a></li>
							<li><a href="#">Help</a></li>
							<li><a href="#">FAQs</a></li>
						</ul>
					</div>
					<nav>
						<ul class="menu">
							<li class="active"><a href="index.html">Home</a></li>
							<li><a href="features.html">Features</a></li>
							<li><a href="support.html">Support</a></li>
							<li><a href="downloads.html">Downloads</a></li>
							<li class="last"><a href="contacts.html">Contacts</a></li>
						</ul>
					</nav>
					<div class="wrapper">
						<div class="slider-wrapper">
							<div class="slider">
								<ul class="items">
									<li><img src="images/slider-img1.jpg" alt="" /></li>
									<li><img src="images/slider-img2.jpg" alt="" /></li>
									<li><img src="images/slider-img3.jpg" alt="" /></li>
								</ul>
							</div>
							<a class="prev" href="#"></a>
							<a class="next" href="#"></a>
						</div>
						<div class="extra-wrap">
							<div class="indent">
								<strong class="title-1">Best</strong>
								<strong class="title-2">Professional Soft</strong>
								 
								<div class="aligncenter">
									<a class="button" href="#">Read More</a>
								</div>
							</div>
						</div>
					</div>
				</header> 
                
<!--==============================content================================-->
				<section id="content">
					<div class="container_12">
						<div class="wrapper indent-bot">
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">01</strong>
											<div class="extra-wrap">
												<h2>Basic</h2>
												<strong class="title-2">Package</strong>
											</div>
										</div>
										This <a class="link" target="_blank" href="http://www.cssmoban.com/" >Software Template</a> goes with<br> two packages.
									</div>
									<a class="link-1" href="#"></a>
								</div>
							</article>
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">02</strong>
											<div class="extra-wrap">
												<h2>Full</h2>
												<strong class="title-2">Package</strong>
											</div>
										</div>
										PSD source files are available for<br> the registered members.
									</div>
									<a class="link-1" href="#"></a>
								</div>
							</article>
							<article class="grid_4">
								<div class="box">
									<div class="padding">
										<div class="wrapper">
											<strong class="numb">03</strong>
											<div class="extra-wrap">
												<h2>New</h2>
												<strong class="title-2">Package</strong>
											</div>
										</div>
										The basic package is available for anyone without registration.
									</div>
									<a class="link-1" href="#"></a>
								</div>
							</article>
						</div>
						<div class="wrapper">
							<article class="grid_8">
								<div class="indent-left indent-top img-indent-bot">
									<h3>About Our Products</h3>
									<div class="wrapper">
										<figure class="img-indent"><img src="images/page1-img1.jpg" alt="" /></figure>
										<div class="extra-wrap">
											<h6 class="p1">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</h6>
											Molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est expedita.
										</div>
									</div>
								</div>
								<div class="wrapper">
									<article class="grid_4 alpha">
										<div class="indent-left">
											<ul class="list-1">
												<li><a href="#">Nam libero tempore, cum soluta</a></li>
												<li><a href="#">Cobis est eligendi optio cumque impedit</a></li>
												<li><a href="#">Quo minus id quod maxime placeat</a></li>
											</ul>
										</div>
									</article>
									<article class="grid_4 omega">
										<div class="indent-left">
											<ul class="list-1">
												<li><a href="#">Nam libero tempore, cum soluta</a></li>
												<li><a href="#">Cobis est eligendi optio cumque impedit</a></li>
												<li><a href="#">Quo minus id quod maxime placeat</a></li>
											</ul>
										</div>
									</article>
								</div>
							</article>
							<article class="grid_4">
								<div class="box-2">
									<div class="padding">
										<h3>Reviews</h3>
										<div class="border-bot prev-indent-bot">
											<blockquote>
												<div class="padding-left">
													<p class="p1">Sed ut perspiciatis unde omnis natus error sit voluptatem accu um doloremque laudantium.</p>
													<a class="link" href="#"><strong>Victor Salivan</strong></a>
												</div>
											</blockquote>
										</div>
										<div class="border-bot p2">
											<blockquote>
												<div class="padding-left">
													<p class="p1">Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis uasi architecto beatae.</p>
													<a class="link" href="#"><strong>Sebastian Seneze</strong></a>
												</div>
											</blockquote>
										</div>
										<div class="indent-left">
											<a class="link-2" href="#">See all</a>
										</div>
									</div>
								</div>
							</article>
						</div>
					</div>
					<div class="block"></div>
				</section>
			</div>
		</div>
<!--==============================footer=================================-->
		<footer>
			<div class="main">
				<div class="inner">
					<p>Superior.com &copy; 2011 </p>
					 
					<!-- {%FOOTER_LINK} -->
				</div>
			</div>
		</footer>
		<script type="text/javascript"> Cufon.now(); </script>
		<script type="text/javascript">
			$(window).load(function() {
				$('.slider')._TMS({
					duration:800,
					easing:'easeOutQuad',
					preset:'simpleFade',
					slideshow:7000,
					banners:false,
					pauseOnHover:true,
					pagination:false,
					nextBu:'.next',
					prevBu:'.prev'
				});
			});
		</script>
	</body>
</html>